import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import 'antd/dist/antd.css';
// import Main from './module'
import { Provider } from 'react-redux'
import { createStore } from 'redux'

// ReactDOM.render(<Main />, document.getElementById('root'));
import todoApp from './store/reducers'
import App from './components/todo/App'

// import Main from './page/main'
import Main from './components/login'

// createStore() 的第二个参数是可选的, 用于设置 state 初始状态。
// 这对开发同构应用时非常有用，服务器端 redux 应用的 state 结构可以与客户端保持一致,
// 那么客户端可以将从网络接收到的服务端 state 直接用于本地数据初始化。
const initState = {
  visibilityFilter: 'SHOW_COMPLETED',
  todos: [{
    id: 0,
    text: 'init todo',
    completed: false
  }]
}
let store = createStore(todoApp, initState)

// ReactDOM.render(
//   <Provider store={store}>
//     <App />
//   </Provider>,
//   document.getElementById('root')
// )

ReactDOM.render(
  <Main />,
  document.getElementById('root')
)